<template>
  <div class="wrapper">
    <van-empty :description="text" :image="noData" :image-size="size" />
  </div>
</template>

<script setup>
import { ref, reactive, onMounted } from 'vue';
import noData from '@/assets/images/noData.png';

const props = defineProps({
  size: {
    type: Number,
    default: 180,
  },
  text: {
    type: String,
    default: '暂无数据',
  },
  img: {
    type: String,
    default: 'https://img3.job1001.com/community/images/empty.png',
  },
});

onMounted(() => {});
</script>

<style scoped lang="scss">
.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  :deep(.van-empty__description) {
    font-size: 24px;
  }
}
</style>
